@charset "utf-8";
/*
    Css for PEL,    ver 1.0
    CopyRight By Dongyi Network Technology CO.,Ltd Design Center

    所有网站通用模块，可根据自身网站修改
*/
/* 通用信息列表 */
.infoList { text-align: left; }
.infoList li { height: 30px; line-height: 30px; overflow: hidden;  padding-left: 12px; background: url(icons.png) -2px -378px no-repeat;}
.infoList li a { display: block;float: left; width: 70%;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.infoList li .date { font-size: 14px; margin-left: 15px; float: right; color: #999; }
.infoList li .node { color: #f00; margin-right: 5px; }
.slideBoxB .infoList li{background: url(icons.png) -2px -382px no-repeat;}
/* 通用带图片的信息列表_普通式 */
.picList li { text-align: center; }
.picList li .pic img { width: 95px; height: 125px; padding: 4px; border: 1px solid #ddd; background: #fff; }
.picList li .pic a:hover img { border-color: #aaa; }
.picList li .title { padding-top: 5px; }
/* 通用带图片的信息列表_普通式 - 横排浮动 */
.picListFl { margin-right: -2%; overflow: hidden; zoom: 1; }
.picListFl li { width: 23%; margin-right: 2%; text-align: center; float: left;  *display: inline;
overflow: hidden; }
.picListFl li .pic { overflow: hidden }
.picListFl li .pic img { width: 100%; transition: 200ms; -webkit-transition: 200ms; -o-transition: 200ms; -moz-transition: 200ms; height: auto; }
.picListFl li .title { font-size: 14px; padding-top: 8px; max-height: 56px; }
.picListFl li:hover .pic img { transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); }
/* 内容带图片的信息列表_普通式 - 左图片右文字 */
.txtPicList li { overflow: hidden; padding-bottom: 10px; margin-bottom: 10px; }
.txtPicList li .pic { width: 96px; float: left; }
.txtPicList li .pic img { width: 90px; height: 90px; padding: 2px; border: 1px solid #ddd; background: #fff; }
.txtPicList li .pic a:hover img { border-color: #aaa; }
.txtPicList li .con { width: 230px; float: left; padding-left: 8px; }
.txtPicList li .title { height: 28px; line-height: 28px; font-size: 14px; color: #c30000; font-weight: bold; }
.txtPicList li .title a { color: #c30000; }
.txtPicList li .intro { color: #666; line-height: 20px; }
.txtPicList li .intro .more { color: #c30000; font-size: 12px; }
/* 内容带图片的信息列表_普通式 - 上图片下文字 */
.txtPicListB li .pic img { width: 190px; height: 120; padding: 4px; border: 1px solid #ddd; background: #fff; }
.txtPicListB li .pic a:hover img { border-color: #aaa; }
.txtPicListB li .title { height: 28px; line-height: 28px; font-weight: bold; }
.txtPicListB li .title a { color: #9b770a; }
.txtPicListB li .intro { color: #666; }
.txtPicListB li .intro .more { color: #f60; }
/* 头条图文信息列表_普通式 */
.topicList .t {  padding-bottom: 10px; margin-bottom: 10px; }
.topicList .t .title { font-size: 17px; padding: 0 0 5px 0; }
.topicList .t .tit { color: #1258ad; }
.topicList .t .tit:hover { color: #c30000 }
.topicList .t .intro { font-size: 12px; color: #666; text-align: left; line-height: 1.8; }
.topicList .t .intro .more { color: #c30000; }
.topicList .n { height: 35px; line-height: 35px; overflow: hidden;  }
.topicList .n .tit { padding-left: 12px; background: url(icons.png) -2px -386px no-repeat; }
.topicList .n .date { float: right; color: #999; margin-left: 10px; }
/* 有图片时追加的类 class="topicList topicHasPic"  */
.topicHasPic .t { position: relative; overflow: hidden; zoom: 1; border-bottom: 1px dashed #ccc; }
.topicHasPic .pic {  margin-right: 20px; float: left; }
.topicHasPic .pic img { width: 100%; /* height: 120px; */ }
.topicHasPic .pic a:hover img { border-color: #aaa; }
.topicHasPic .con { overflow: hidden; zoom: 1; }
/* 焦点图切换-广告 */
.slideBox { height: 100px; overflow: hidden; position: relative; }
.slideBox .hd { position: absolute; z-index: 1; right: 5px; bottom: 5px; }
.slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }
.slideBox .hd ul li { font-size: 12px; float: left; margin-right: 2px; width: 16px; height: 16px; line-height: 16px; text-align: center; background: #000; cursor: pointer; color: #fff; filter: alpha(opacity=60); opacity: 0.6; }
.slideBox .hd ul li.on { background: #f00; filter: alpha(opacity=100); opacity: 1; }
.slideBox .bd { position: relative; z-index: 0; }
.slideBox .bd .con { display: none; }
/* 焦点图切换-新闻内容 */
.focusBox { margin-bottom: 15px; /* width: 100%; */ overflow: hidden; position: relative; }
.focusBox .hd { position: absolute; z-index: 1; right: 4px; bottom: 14px; }
.focusBox .hd ul { overflow: hidden; zoom: 1; float: left; }
.focusBox .hd ul li { float: left; margin-right: 5px; width: 9px; height: 9px; line-height: 9px; text-align: center; background: #fff; cursor: pointer; color: #fff; }
.focusBox .hd ul li.on { background: #FF4F01; color: #fff; }
.focusBox .hd ul li span { display: none; }
.focusBox .bd { position: relative; overflow: hidden; }
.focusBox .bd li { position: relative; }
.focusBox .bd .pic { position: relative; z-index: 0; line-height: 0; }
.focusBox .bd .pic img { width: 100%; height: 260px; border: 0; }
.focusBox .bd .con { position: absolute; width: 100%; z-index: 1; bottom: 0; height: 36px; line-height: 36px; text-align: left; }
.focusBox .bd .con .title { position: absolute; width: 76%; bottom: 0; left: 0; z-index: 1; height: 100%; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.focusBox .bd .con .title a { color: #fff; padding-left: 10px; text-decoration: none; display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.focusBox .bd .con .titleBg { position: absolute; width: 100%; z-index: 0; bottom: 0; left: 0; background: #000; filter: alpha(opacity=60); opacity: 0.6; height: 36px; }
/* url_方块样式分页 */
.page { font-size: 0; text-align: left; padding: 25px 0; clear: both; overflow: hidden; text-align: center;}
.page a, .page span { font-size: 14px; float: left;  *display: inline;
zoom: 1; border: 1px solid #E1E1E1; padding: 0px 12px; margin: 0 3px 5px 0; line-height: 30px; height: 30px; }
.page a:hover, .page span:hover { border: 1px solid #1258AD; text-decoration: none; color: #1258AD; }
.page .current { background: #1258AD; border: 1px solid #1258AD; color: #fff !important; font-weight: bold; }
.page select, .page input { margin: 0 4px; background: #fff; border: 0 solid #E1E1E1; vertical-align: middle; }
.page input { text-align: center; padding: 0 4px; outline: none; }
.page .disabled { pointer-events: none; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
/*-- 网站地图 --*/
.siteMap { padding: 15px 10px; overflow: hidden; zoom: 1; }
.siteMap .li1 { margin-bottom: 20px; }
.siteMap .h1 { height: 40px; line-height: 40px; border: 1px dotted #ccc; background: #fff; background: #f6f6f6; }
.siteMap .h1 .a1 { font: normal 16px/40px "Microsoft YaHei"; _font-weight: bold; color: #0068B7; padding-left: 15px; }
.siteMap .ul1 { padding: 10px 20px; zoom: 1; }
.siteMap .li2 { display: inline-block;  *display: inline;
zoom: 1; padding-right: 50px; vertical-align: top; padding-bottom: 5px; }
.siteMap .a2 { color: #666; }
.siteMap .ul2 { padding: 0 0 20px 0; }
.siteMap .li3 { line-height: 18px; display: inline-block;  *display: inline;
zoom: 1; }
.siteMap .a3 { color: #999; padding-right: 10px; margin-right: 10px; border-right: 1px solid #ddd; }
.siteMap .last3 .a3 { border-right: 0; }
.siteMap #liID41 .li2 { display: block; }
/* 图片-列表页 ----------------------------------------- */
.picPageList,.picPageList1 { margin-right: -3%; overflow: hidden; text-align: center; }
.picPageList li {border: 1px solid #ddd;float: left;width: 31.2%;margin: 1.5% 1% 0 0; *display: inline;position: relative;background: #fff;overflow: hidden;min-height: 205px;}
.picPageList1 li{border: 1px solid #ddd;float: left;width: 15%;margin: 1.5% 1% 0 0; *display: inline;position: relative;background: #fff;overflow: hidden;}
.picPageList .pic,.picPageList1 .pic{ margin: 3%; }
.picPageList .pic img{height: 192px;width: 100%;}
.picPageList1 .pic img {height: 96px;width: 100%;}
.picPageList .pic a,.picPageList1 .pic a{
    display: block;
    width: 100%;
}
.picPageList .title, .picPageList .titleBg { position: absolute; bottom: 0; left: 0; width: 94%; margin: 3%; display: block; overflow: hidden; line-height: 28px; padding: 5px 0; height: 28px; z-index: 3; color: #fff; -webkit-transition: 400ms; -o-transition: 400ms; -moz-transition: 400ms; transition: 400ms; }
.picPageList1 .title, .picPageList1 .titleBg{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 94%;
    margin: 3%;
    display: block;
    overflow: hidden;
    line-height: 18px;
    padding: 5px 0;
    height: 14px;
    z-index: 3;
    color: #fff;
    -webkit-transition: 400ms;
    -o-transition: 400ms;
    -moz-transition: 400ms;
    transition: 400ms;
}
.picPageList .titleBg,.picPageList1 .titleBg { background: #000; filter: alpha(opacity=60); opacity: 0.6; z-index: 2; }
.picPageList .title a,.picPageList1 .title a { color: #fff; padding: 0 10px; display: block; font-size: 14px; }
.picPageList li:hover,.picPageList1 li:hover { border-color: #bbb; -webkit-box-shadow: #eee 2px 2px 0; -moz-box-shadow: #eee 2px 2px 0; box-shadow: #eee 2px 2px 0; }
.picPageList li:hover .title, .picPageList li:hover .titleBg ,
.picPageList1 li:hover .title, .picPageList1 li:hover .titleBg
{ height: 56px; }

/* 天津国资-图片列表页 ----------------------------------------- */
.picBookList { margin-right: -22px; overflow: hidden; text-align: center; }
.picBookList li { float: left; display: inline;  border: #CCCCCC solid 1px;  background: #EBEBEB; padding: 5px; margin: 0 22px 22px 0; text-align: center; width: 150px; height: 240px; overflow: hidden; line-height: 30px;}
.picBookList .pic { margin: 3%; }
.picBookList .pic img { height: 203px; width: 100%; }

/* 友情链接图片式  */
.friendLinkPicList  {overflow:hidden;zoom:1;height: 100%;}
.friendLinkPicList li {text-align:center; float:left; zoom:1;overflow:hidden; margin:10px 19px;}
.friendLinkPicList li .pic {text-align:center;}
.friendLinkPicList li .pic img {width: 110px; height:110px; border:1px solid #f5f5f5; }
.friendLinkPicList li .title {width: 110px; height: 30px; line-height: 30px; text-align: center;}

.ewm{
    position: absolute;
    top:30px;
    right: 10px;
}
.ewm div{
    width: 100px;
    height: 100px;
    display: none;
}
.ewm div img{
    width: 100%;
    height: 100%;
}

.qt-print_area {
    position: relative;
    float: right;
}

.qt-print_right {
    float: right;
}

.qt-print_clear {
    clear: both;
}

.qt-print_area > .qt-print_right > span {
    display: inline-block;
    vertical-align: top;
    float: left;
}

.qt-print_area > .qt-print_right > span img {
    width: 24px;
}

.qt-print_area > .qt-print_right > span.qt-mr-10 {
    margin: 0 10px 0 0;
}
.pr-10 {
    padding-right:10px;
}
.mobile-list-btnmore{
    width: 0;
    height: 0;
}
/*--
颜色代码
#1E72B4 深蓝色标题
#C4DEF8 淡蓝色边框
--*/
@media screen and (max-width:1200px){
    /* 01 */
    .friendLinkPicList li{
        width: 45%;
        margin: 0.2rem 2%;
    }
    .friendLinkPicList li .pic img{
        width: 100%;
        height: 100%;
    }
    /* 07 */
    .infoList li .date{
        font-size: 0.28rem;
        margin-left: 1%;
        width: 25%;
        text-align: right;
        line-height: 0.6rem;
    }
    .infoList li a{
        font-size: 0.28rem;
        line-height: 0.6rem;
    }
    
    .infoList li {
        background: url(icons.png) -2px -366px no-repeat !important;
    }
    /* 17地图 */
    .siteMap{
        padding: 0;
    }
    .siteMap .h1{
        height: 0.8rem;
        line-height: 0.8rem;
    }
    .siteMap .h1 .a1{
        font-size: 0.32rem;
    }
    .siteMap .li1{
        margin-bottom: 0.2rem;
    }
    .siteMap .ul1{
        padding: 0.1rem 0.2rem;
    }
    .siteMap .li2{
        box-sizing: border-box;
        width: 49%;
        text-align: center;
        padding: 0.2rem 0.3rem;
        line-height: 1.5;
    }
    /* 页码 */

    /* 图片 */
    .picPageList .pic img,
    .picPageList1 .pic img{
        width: 100%;
        height: 3.8rem;
    }
    .picPageList .title, .picPageList .titleBg,
    .picPageList1 .title, .picPageList1 .titleBg{
        height: 0.5rem;
        line-height: 0.5rem;
    }
    .picPageList .title a,
    .picPageList1 .title a{
        font-size: 0.28rem;
    }
    .mobile-list-btnmore {
        font-size: 0.26rem;
        text-align: center;
        margin-top:0.2rem;
        width:100%;
        height:auto;
    }
    .mobile-list-btnmore a {
        color: #999999 !important;
    }


    .infoList li {
        background: url(icons.png) -2px -366px no-repeat;
    }
}